<template>
    <div class='menu'>
        <i class='fa fas fa-user-circle' @click.stop='show'></i>
        <DownView v-if='isShow' @remove='remove'/>
    </div>
</template>

<script>

import DownView from './DownView.vue';

export default {
  components: {
    DownView,
  },
  data() {
    return {
      isShow: false,
    };
  },
  methods: {
    show() {
      this.isShow = true;
    },
    remove() {
      this.isShow = false;
    },
  },
};
</script>

<style lang="scss" scoped>
    .fa{
        font-size: 76px;
        cursor: pointer;
        margin-left:800px
    }
    .menu{
        margin-left:602px;
    }
</style>
